{% extends "base.html" %}
{% load staticfiles %}

{% block title %}
	图灵课程 - 标签
{% endblock %}

{% block style %}
    <style type="text/css">
        .pre-scrollable{
            max-height: 340px;
            overflow-y: scroll;
        }
    </style>
{% endblock %}

{% block content %}
<div class="container" style="width: 800px">
<div class="" align="center" style="height: 500px;padding-left: 20px ">  
	{% for ul in uls %}
    <ul class="nav nav-pills " role="tablist" style="margin: 30px">
    	{% for li in ul %}
        <li role="presentation"  style="width: 33%;height:30px;padding: 10px;"><a href="#" class="tags-text">{{li}}<span class="badge">13</span></a></li>
        {% endfor %}
    </ul>
    {% endfor %}
</div> 
</div>


{% endblock %}

{% block other_script %}
	<script>
		var rowCount=4;  //行数默认4行  

		//添加行  
		function addRow(){  
		    rowCount++;  
		    var newRow='<tr id="option'+rowCount+'"><td class="oz-form-topLabel">选项'+rowCount+'：</td><td class="oz-property" ><input type="text"  style="width:300px"></td><td><a href="#" onclick=delRow('+rowCount+')>删除</a></td></tr>';  
		    $('#optionContainer').append(newRow);  
		}  
		  
		//删除行  
		function delRow(rowIndex){  
		    $("#option"+rowIndex).remove();  
		    rowCount--;  
		}  
	</script>
{% endblock %}